* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
	width: 100vw;
	height: 100vh;
  font-size: 15pt;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*导航栏样式*/
#dhl_main {
  font-size: 1.5em;
  display: flex;
  justify-content: center;
  height: 2em;
  width: 100vw;
  position: fixed;
  bottom: 0rem;
  left: 0;
  background: white;
  box-shadow: 0 0em 0.5em #9E9F9F;
}

#dhl_main div {
  background: #0000;
  margin: 0 1em;
  color: #838383;
  height: 2rem;
  width: 3.5rem;
  text-align: center;
  line-height: 0.7rem;
  font-size: 0.2em;
}

div[bool="t"] svg path {
  fill: #41A6FF !important;
  color: #41A6FF !important;
  stroke: #41A6FF !important;
}
div[bool="t"] p{
	color:#41A6FF;
}

div[bool="f"] svg path {
  fill: #6A6A6A !important;
  color: #6A6A6A !important;
  stroke: #6A6A6A !important;
}
div[bool="f"] p{
	color:#838383;
}

#dhl_main div svg {
  height: 6em;
  width: 6em;
  margin-top: 1em;
}

/*函数界面设置_set*/
#set_fun svg {
  position: fixed;
  top: 1em;
  right: 1em;
  height: 2em !important;
  width: 2em !important;
  background: #0000;
  color: #41A6FF;
}

#set_re svg {
  height: 2em;
  width: 2em;
  transform: rotate(180deg);
  position: fixed;
  top: 1em;
  left: 1em;
}
/*直角坐标系*/
#zbx{
	height: 32em;
	width: 18em;
	background: #41a6ff;

}
#x{
	position: absolute;
	top:1em;
	left: 45vw;
}
